
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" xmlns:form="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>管理后台登录</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta name="csrf-token" th:content="${_csrf.token}" />
    <!-- Bootstrap 3.3.2 -->
    <link th:href="@{/static/css/bootstrap/css/bootstrap.min.css}"  rel="stylesheet" type="text/css" />
    <!--<link th:href="@{/static/css/icheck/all.css}" rel="stylesheet" type="text/css" />-->
    <link th:href="@{/static/js/scojs/sco.message.css}" rel="stylesheet" type="text/css" />
    <!--<link th:href="@{/static/js/daterangepicker/daterangepicker-bs3.css}" rel="stylesheet" type="text/css" />-->
    <!-- Font Awesome Icons -->
    <link th:href="@{/static/css/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css" />

    <!-- Theme style -->
    <link th:href="@{/css/admin/admin.css}" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <!--<link th:href="@{/css/admin/skins/_all-skins.min.css}" rel="stylesheet" type="text/css" />-->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script th:src="@{/static/js/html5shiv.min.js}"></script>
    <script th:src="@{/static/js/respond.min.js}"></script>
    <![endif]-->


</head>
<body class="login-page">

<div class="login-box" >
    <div class="login-box-body">
        <p class="login-box-msg">Tipask 管理后台</p>
        <form th:action="@{/authentication/form}"  method="post">
            <div th:class="${session.usernameLoginError?.usernameMsg}? 'form-group has-feedback has-error':'form-group has-feedback'">
                <input type="text" name="username" class="form-control" placeholder="用户名" required="" value="" th:value="${session.usernameLoginError?.username}"/>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
                <span class="help-block" th:if="${session.usernameLoginError?.usernameMsg}" th:text="${session.usernameLoginError?.usernameMsg}"></span>
            </div>
            <div th:class="${session.usernameLoginError?.passwordMsg}? 'form-group has-feedback has-error':'form-group has-feedback'">
                <input type="password" name="password" class="form-control" placeholder="密码" required="" th:value="${session.usernameLoginError?.password}"/>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                <span class="help-block" th:if="${session.usernameLoginError?.passwordMsg}" th:text="${session.usernameLoginError?.passwordMsg}"></span>
            </div>

            <div  th:class="${session.usernameLoginError?.validateCodeMsg}? 'form-group has-feedback  has-error':'form-group has-feedback '">
                <input type="text" class="form-control" id="imageCode" name="imageCode" required="" placeholder="请输入下方的验证码" th:value="${session.usernameLoginError?.imageCode}"/>
                <span class="help-block" th:if="${session.usernameLoginError?.validateCodeMsg}" th:text="${session.usernameLoginError?.validateCodeMsg}"></span>
                <div style="margin-top: 10px;"><a href="javascript:void(0);" id="reloadCaptcha"><img src="/code/image?width=60&height=20"></a></div>
            </div>
            <input name="remember-me" type="hidden" value="1">
            <div class="form-group has-feedback">
                <button class="btn bg-olive btn-block btn-flat">登录</button>
            </div>
        </form>
    </div><!-- /.login-box-body -->
</div><!-- /.login-box -->

<!-- jQuery 2.1.3 -->
<script type="text/javascript" th:src="@{/static/js/jquery.min.js}"></script>
<!-- Bootstrap 3.3.2 JS -->
<script type="text/javascript" th:src="@{/static/css/bootstrap/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/global.js}"></script>

</body>
</html>